<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
  </head>
  
  <body>
    <!-- table -->
    <table border="1">
      <caption>表格标题</caption>
      <tr>
        <th>&nbsp;</th>
        <th>列一</th>
        <th>列二</th>
        <th>列三</th>
      </tr>
      <tr>
        <th>行一</th>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <th>行二</th>
        <td>4</td>
        <td>5</td>
        <td>6</td>
      </tr>
      <tr>
        <th>行三</th>
        <td>7</td>
        <td>8</td>
        <td>9</td>
      </tr>
      <tr>
        <th>行四</th>
        <td rowspan="2">10</td>
        <td colspan="2">11</td>
      </tr>
      <tr>
        <th>行五</th>
        <td>13</td>
        <td>14</td>
      </tr>
    </table>
    <hr>
    
    <!-- colgroup -->
    <table border="1">
      <colgroup>
        <col style="background-color: darkgray" span="2">
        <col style="width: 100px">
        <col style="background-color: plum">
      </colgroup>
      <tr>
        <th>&nbsp;</th>
        <th>列一</th>
        <th>列二</th>
        <th>列三</th>
      </tr>
      <tr>
        <th>行一</th>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <th>行二</th>
        <td>4</td>
        <td>5</td>
        <td>6</td>
      </tr>
      <tr>
        <th>行三</th>
        <td>7</td>
        <td>8</td>
        <td>9</td>
      </tr>
    </table>
    <hr>
    
    <!-- 表结构 -->
    <table border="1">
      <thead>
        <tr>
          <th>&nbsp;</th>
          <th>列一</th>
          <th>列二</th>
          <th>列三</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="4">合计</td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <th>行一</th>
          <td>1</td>
          <td>2</td>
          <td>3</td>
        </tr>
        <tr>
          <th>行二</th>
          <td>4</td>
          <td>5</td>
          <td>6</td>
        </tr>
        <tr>
          <th>行三</th>
          <td>7</td>
          <td>8</td>
          <td>9</td>
        </tr>
      </tbody>
    </table>
    <hr>
  </body>
</html>